<template>
    <div class="interactTag">
        <div class="tag">{{value|cover}}</div>
    </div>
</template>
<script>
export default {
    props:{
        value:{
            type:[String]
        }
    },
    filters:{
        cover(posters) {
      if (!posters) return "";
      return posters.split(",")[0];
    },
    }
}
</script>
<style lang="less">
.interactTag{
    .tag{
        position: absolute;
        top: 3%;
        left: 4%;
        width: 65px;
        font-size: 12px;
        background: #f2d78a;
        padding: 2px 3px;
        border-radius: 5px 0 10px 0;
        color: #937b47;
        text-align: center;
        z-index: 999;
        }
}
</style>    